
@import "base.css";


body {font-family: "Microsoft YaHei";background: #fff;font-size:18px;line-height:1.6;word-wrap: break-word;word-break: break-word;color: #252525}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {color: #00549c;}

@font-face {
    font-family: "BDZYJT";
    src: url("fonts/BDZYJT.ttf") format("truetype"),
    url("fonts/BDZYJT.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

.container{ width: 1000px; margin: auto;}

.book{padding:50px 8%;background: #fdd100;}
.bookL{background: #ffffff;color: #3a3a3a;font-size: 12px;width:30%;float: left;padding:30px 2% 45px}
.bookL .t{background: #fdd100;margin: auto;width: 80%; line-height: 2;font-size: 18px;font-weight: bold;}
.bookL p{margin-top: 20px;}
.bookL p span{font-size: 16px; font-weight: bold}

.bookR{float: right;width: 60%;font-size: 12px;}
.bookR h4{font-size: 20px; }
.bookR .bookt{width:55px;text-align-last:justify; text-align:justify; font-size: 14px; font-weight: bold;float:left;margin-right: 5px;}
.bookR ul li{margin-top: 25px; line-height: 40px;}
.bookR ul li .liL{width: 49%;float: left}
.bookR ul li .liR{width: 49%;float: right}
.bookR ul li .inputs{float: left;background: #fee198;border: 0; height: 40px;width:calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);box-sizing: border-box;}
.bookR ul li .inputs.yzm{ width: 50%}
.bookR ul li .btn{ color: #fdd100;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}

.bookR label.error{position: absolute;right: 0;color: #fff;top:100%;line-height: 1;}
.bookR input.error{background:#fff !important;}
.bookR .sendSms{display: inline-block;background: #fff;color: #fdd100;font-weight: bold;padding: 0 10px;margin-left: 10px;}


.title{font-family: BDZYJT;font-size: 64px;letter-spacing: 20px;}
.box1{background: #0f0f0f;color: #ffffff;font-size: 32px; line-height: 1.6;padding: 6% 0;letter-spacing: 25px;}

.box2{background: #0f0f0f;color: #ffffff;padding: 6% 8%;font-size: 32px;}
.box2 .title{font-size: 46px;letter-spacing: 0;}
.box2 .title span{font-size: 32px;display: inline-block;border-top: 1px #808080 dashed;border-bottom: 1px #808080 dashed;font-family: 黑体}
.box2 ul li{padding:6% 0; }
.box2 ul li .img{width: 32%;float: right}
.box2 ul li .con{width: 60%;float: left;}
.box2 ul li .con h3{font-size: 56px;}
.box2 ul li:nth-child(odd) .img{float: left}
.box2 ul li:nth-child(odd) .con{float: right}

.jm{padding: 5% 2%;background: #fdd100;color: #0f0f0f;}
.jm .title{ font-size: 34px;letter-spacing: 3px;}
.jm .title span{ font-size:52px;display: block;}

.jm .jmList{padding-bottom: 50px;}
.jm .jmList li{width: 23%;margin:50px 1%;float: left;font-size: 16px;padding-bottom: 20px;line-height: 1.8;position: relative ;z-index: 0; }
.jm .jmList li:after{position: absolute;content: "";width: 100%;height: 80%;left: 0;bottom: 0;box-shadow: 2px 2px 5px #CCCCCC;z-index: -1;background: #ffffff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.jm .jmList li h3{font-size:26px;}
.jm .jmList li .img{width:90%;margin: auto}


.jmCon ul li{box-shadow: 2px 2px 5px #CCCCCC;width:26%;display: inline-block;margin: 20px 1%;padding:30px 1% 0;height: 220px;background: #ffffff }
.jmCon ul li .ico .iconfont{font-size:40px; color: #c2010a}
.jmCon ul li em{ color: #fff;font-size:20px;font-weight: bold;display: inline-block;line-height: 2;background: #c2010a;padding:0 20px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;margin-bottom: 15px;}
.jmCon ul li p{font-size:14px;}

@media screen and (max-width:1000px) {
    body {font-size: 16px;}
    .container {width:100%}



}


@media screen and (max-width:640px) {
    body {font-size: 14px;}


    .book{padding: 5% 0}
    .bookL{width:90%;float: none;margin: auto;padding:10px 2% 15px}
    .bookL .t{font-size: 16px;}
    .bookL p{margin-top:10px;}
    .bookL p span{font-size: 12px; font-weight: bold}

    .bookR{float: none;width:90%;margin:10px auto}
    .bookR h4{font-size: 14px; }
    .bookR .bookt{width:46px;font-size: 12px;}
    .bookR ul li{margin-top:10px; line-height:30px;}
    .bookR ul li .liL{width:100%;float: none;margin-bottom: 10px;}
    .bookR ul li .liR{width:100%;float: none}

    .bookR ul li .inputs{height:30px;float: none}
    .bookR ul li .inputs.yzm{ width: 50%}
    .bookR ul li .btn{ height: 30px; font-size: 14px;}

    .title{font-family: BDZYJT;font-size:26px;letter-spacing:5px;}


    .box1{font-size: 16px;padding: 6% 0;letter-spacing:3px;}

    .box2{padding: 6% 2%;font-size:14px;}
    .box2 .title{font-size:26px;}
    .box2 .title span{font-size:18px;}

    .box2 ul li{padding:6% 0; }
    .box2 ul li .con h3{font-size:16px;}



    .jm .title{ font-size:20px;letter-spacing:0px;}
    .jm .title span{ font-size:32px;}

    .jm .jmList{padding-bottom: 20px;}
    .jm .jmList li{width: 47%;margin:20px 1.5%;font-size: 12px;}
    .jm .jmList li h3{font-size:16px;}
    .jm .jmList li .img{width:90%;margin: auto}


    .jmCon ul li{width:44%;height:180px;padding: 0 1%; }
    .jmCon ul li em{font-size:14px;padding:0 10px;}
    .jmCon ul li p{font-size:12px;}


}



